/** 评论选择器 */
.comment-container{
    background-color: #d9d9d9;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: sans-serif;
}

/** 所有盒子弹性布局 */
.comment-container>div{
    display: flex;
    width: 100%;
    padding-top: 1.25em;
}

/** 评论头像 */
.comment-avatar{
    width: 3.125em;
    height: 3.125em;
    border-radius: 50%;
}

/** 评论主体区域 */
.comment-main{
    width: 100%;
    margin-left: 1em;
}

/** 名字区域 */
.comment-main .comment-nickname{
    font-size: 0.875em;
    cursor: pointer;
}

.comment-main>div:nth-of-type(1){
    display: flex;
    width: 100%;
   justify-content: space-between;
}

/** 内容区域 */
.comment-main>div:nth-of-type(2){
    font-size: .875em;
    line-height: 2;
    margin-bottom: .75em;
    padding-top: .625em;
}

/** 评论按钮 */
.comment-reply-button{
    color: red;
    cursor: pointer;
    font-size: .8125em;
}

/** 评论时间区域 */
.comment-create-time{
    color: #676262;
    font-size: .75em;
}

/** 回复区域 */
.comment-reply{
    display: flex;
    padding-left: 1em;
    border-left: 1px dashed hsla(0,0%,93%,.5);
}

/** 评论标题区域 */
.comment-title{
    padding-top: 50px;
    display: flex;
    /** 两端对齐 */
    justify-content:space-between;
}

.comment-title span{
    /** 字体加粗 */
    font-weight: bolder;
}

/** 评论输入框 */
.comment-input{
    height: 200px;
}

.comment-input+div{
    color: red;
    text-align: right;
}
